有個不錯設計icon的方式
小內一定要跟大家分分享一下
自己也覺得很方便

在這裡要先祝大家雙十節快樂＾＾
希望晚上有煙火可以看
大家也要吃飽唷YA
不多說哩 GO

首先
你要設計的大小,提供的裝置(ios,android)
其實他們的大小是有點區別的

但次教學中，就不詳細地介紹尺寸
提供兩個網站

ios icon size
https://developer.apple.com/library/iOS/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1

android icon size
http://developer.android.com/design/style/iconography.html

大家應該知道，最近ios升級到ios7了，其實對於icon7的設計，對許多設計師是一個重大個轉折點
ios7介面好用嗎，我只能說自己很不習慣，常常要找一個東西，明明就在螢幕上，但是卻找不到，
不知道是不熟悉的關係還是設計的關係，我找到了一篇文章 與大家分享

2011離開蘋果的設計師Louie Mantia
他跟我一樣，也是會找不到....

閃開，讓專業的來!前蘋果Icon設計師改造iOS 7!
http://www.cool3c.com/article/69003

好哩 既然ios7來了，還是要學一下怎麼設計

這次課程主要針對 提供一個實用的網站給大家，幫助你快速設計
這個網站很貼心地提供了 ios6,ios7,android icon template

http://appicontemplate.com/

Step1
首先先下載你所需要的範例
點選psd檔，以photoshop開啟

Step2
解壓縮完，打開裡面的psd檔

Step3
打開後為此圖，請按著要設計的大小右鍵，編輯內容

畫面為

Step4 來讓我們來看看他的資料夾
有顏色的選擇
還有材質的選擇
(大家可以去套套看)

還蠻方便的

Step5
我畫了一個小花花
並儲存

Step6
回到原本psd檔，你會發現....WOW
可以預覽在每個手機頁面呈現的icon樣子
感覺就很棒，不喜歡還可以回去重設計

Step7
等設計完成後，我們要將它儲存，有什麼辦法能快速儲存多種不一樣尺寸的icon呢
點選 檔案>除存為網路裝置應用...

Step8
接著按儲存

在桌面上就可以發現多了一個資料夾

打開看，他都幫你個別儲存好哩唷＾＾

是不是很方便，喜歡的畫，在幫我按個推吧，給需要的人看到＾＾

下節課會講其它icon設計的方式＾＾

小內之前的寫過的文章分享ＸＤ 沒有看過的朋友們可以看看喲
第一課 如何簡單學電腦繪圖：
http://ithelp.ithome.com.tw/question/10126750

第二課 基礎繪圖認知、技巧 - 「點」篇
http://ithelp.ithome.com.tw/question/10127156?tab=opinion&oid=234239#234239

第三課 基礎繪圖-「線」篇
http://ithelp.ithome.com.tw/question/10127481

第四課 基礎繪圖&平面應用技巧-「面」篇
http://ithelp.ithome.com.tw/question/10127774

第五課 繪畫自己的家&Aode Kuler介紹
http://ithelp.ithome.com.tw/question/10128007

第六課-簡單做卡片設計
http://ithelp.ithome.com.tw/question/10128231

第七課 何謂平面設計 (Graphic Design)
http://ithelp.ithome.com.tw/question/10128466

第八課 中階繪圖-認識明暗度 ( Illustrator 應用篇 )
http://ithelp.ithome.com.tw/question/10128913

第九課 中階繪圖-認識明暗度 ( Photoshop 應用篇 )
http://ithelp.ithome.com.tw/question/10129493

第十課 認識色彩 & 與特別分享 Iris Grac自閉小女孩
http://ithelp.ithome.com.tw/question/10129785

第十一課 LOGO設計必看
http://ithelp.ithome.com.tw/question/10130221

第十二課 簡單設計名片，靠自己最實在
http://ithelp.ithome.com.tw/question/10130641?tab=opinion#bottom

第十三課 簡單玩海報設計
http://ithelp.ithome.com.tw/question/10130944

第十四課、一起拯救報紙，關於報紙設計
http://ithelp.ithome.com.tw/question/10131301

第十五課 雜誌設計由你開始
http://ithelp.ithome.com.tw/question/10131761

第十六課 簡單線上設計、快速輸出、宅配到家 [ 超簡單送禮，必選之一 ]
http://ithelp.ithome.com.tw/question/10132097?tab=opinion#bottom

第十七課 淺談書籍設計，點綴與美化你的內容
http://ithelp.ithome.com.tw/question/10132522

第十八課 3D效果
http://ithelp.ithome.com.tw/question/10133152

第十九課 包裝設計與企業識別化CIS
http://ithelp.ithome.com.tw/question/10133549

第二十課 怎麼開始網頁設計？
http://ithelp.ithome.com.tw/question/10133833

第二十一課 用繪圖記錄生活有趣小事
http://ithelp.ithome.com.tw/question/10134349

第二十二課 手繪圖轉電繪圖-上色教學
http://ithelp.ithome.com.tw/question/10134892

第二十三課 四方人怎麼畫，看這裡
http://ithelp.ithome.com.tw/question/10135252

第二十四課 Infographics(資訊圖表)，簡報好幫手，表達好方法
http://ithelp.ithome.com.tw/question/10135696